<template>
  <div id="legaAgreement" class="scrollbar-no-width content-container">
    <div class="content-container content" v-html="details" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      details: ''
    }
  },
  computed: {

  },
  created() {
    this.loadDetails()
  },
  methods: {
    loadDetails() {
      this.$store.dispatch('getSystemConfig', this.$route.params.code).then((res) => {
        this.details = res[this.$route.params.code]
      }).catch((_) => {})
    }
  }
}
</script>
<style scoped lang="scss">
  #legaAgreement{
    display: block;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin: 20px auto;
    overflow: auto;
    display: flex;
    flex-direction: column;
    background: #fff;
    .content-container{
        overflow: auto;
        height: calc(100vh - 40px);
    }
    .content-container::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

  }
</style>

